<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
  	<script language="JavaScript"> 
		javascript:window.history.forward(1); 
	</script>
    <base href="<%=basePath%>">
    
    <title>欢迎使用TPO在线测试管理系统</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
    <script src="lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
    <link href="lib/ligerUI/skins/Aqua/css/ligerui-dialog.css" rel="stylesheet" type="text/css" />
    <link href="lib/ligerUI/skins/Gray/css/dialog.css" rel="stylesheet" type="text/css" />
    <script src="lib/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
    <script src="lib/js/common.js" type="text/javascript"></script>
    <script src="lib/js/LG.js" type="text/javascript"></script>
    <style type="text/css">
        *{ padding:0; margin:0;}
        body{ text-align:center; background:#4974A4;}
        #login{ width:740px; margin:0 auto; font-size:12px;}
        #loginlogo{ width:700px; height:100px; overflow:hidden;  margin-top:50px;   }
        #loginpanel{ width:729px; position:relative;height:300px;}
        .panel-h{ width:729px; height:20px; background:url('lib/images/login/panel-h.gif') no-repeat; position:absolute; top:0px; left:0px; z-index:3;}
        .panel-f{ width:729px; height:13px; background:url('lib/images/login/panel-f.gif') no-repeat; position:absolute; bottom:0px; left:0px; z-index:3;}
        .panel-c{ z-index:2;background:url('lib/images/login/panel-c.gif') repeat-y;width:729px; height:300px;}
        .panel-c-l{ position:absolute; left:60px; top:40px;}
        .panel-c-r{ position:absolute; right:20px; top:50px; width:222px; line-height:200%; text-align:left;}
        .panel-c-l h3{ color:#556A85; margin-bottom:10px;}
        .panel-c-l td{ padding:7px;}
        
        
        .login-text{ height:24px; left:24px; border:1px solid #e9e9e9; background:#f9f9f9;}
        .login-text-focus{ border:1px solid #E6BF73;}
        .login-btn{width:114px; height:29px; color:#E9FFFF; line-height:29px; background:url('lib/images/login/login-btn.gif') no-repeat; border:none; overflow:hidden; cursor:pointer;}
        #txtUsername,#txtPassword{ width:191px;} 
        #logincopyright{ text-align:center; color:White; margin-top:50px;}
    </style>
  
  </head>
  
  <body style="padding:10px">
  <!-- <form action="userController/userfind.do"> -->
  <form action="userController/userfind.do" method="post">
  <div id="login">
        <div id="loginlogo"></div>
        <div id="loginpanel">
            <div class="panel-h"></div>
            <div class="panel-c">
                <div class="panel-c-l">
                   
                    <table cellpadding="0" cellspacing="0">
                        <tbody>
                         <tr>
                            <td align="left" colspan="2"> 
                             <h3>欢迎使用TPO在线测试管理系统</h3>
                            </td>
                            </tr> 
                            <tr>
                            <td align="right">登录名：</td><td align="left"><input type="text" name="username" id="username" class="login-text" /></td>
                            </tr>
                            <tr>
                            <td align="right">密&nbsp;&nbsp;码：</td><td align="left"><input type="password" name="password" id="password" class="login-text" /></td>
                            </tr>
                            <tr>
								<td>
									<span>${message}</span>
								</td>
							</tr>
                            <tr>
                            <td align="center" colspan="2">
                                <input id="btnLogin" value="  登     录" class="login-btn" onclick="check()"/>
                            </td>
                            </tr> 
                            
                        </tbody>
                    </table>
                </div>
                <div class="panel-c-r">
                <p>请输入您的账号进行登录,</p>
                <p>如果您不能登录,请联系管理员.</p>
                <p>谢谢......</p>
                <p>小站技术部</p>
                </div>
            </div>
            <div class="panel-f"></div>
        </div>
         <div id="logincopyright">Copyright © 2014 在线测试V1.0 </div>
    </div>
  </form>
    
  <script type="text/javascript">
		function check(){
			var username = $("#username").val();    		
			var password = $("#password").val();
			if(username == null||username==""||username == undefined){
				$('span').html("用户名或密码不能为空!");;
				return;
			}
			if(password == null||password==""||password == undefined){
				$('span').html("用户名或密码不能为空!");
				return;
			}
			//$('span').html("");
			window.location="userController/userfind.do?username="+username+"&password="+password;
		}
    	
    </script>
    
  </body>
</html>
